<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-与中国IT的希望聊天中</title>

    <style type="text/css">
        /*.foot .emoji{
            width:50px; height:50px; line-height:50px; text-align: center; font-size:30px;
            color:#8e8e8e; float:left;
        }*/
        .foot input{
            width:calc( 100% - 90px ); float:left; height:40px; margin:5px 10px;
        }
        .foot .btn{
            margin:8px 10px; width:50px; float:right; 
        }
        .button{
            width:15%; height:35px; margin:7.5px 2% 7.5px 0; float: right; line-height:35px; background-color:#666;
        }
        .button:active{
            background-color:#BFBCBC;
        }
        .you,.me{
            width:100%; min-height:60px; margin:5px 0; overflow:auto;
        }
        .you .head_ico , .you .content{
            float: left;
        }
        .me .head_ico , .me .content{
            float:right;
        }
        .head_ico{
            width:40px; height: 40px; margin:10px;
        }
        .head_ico img{
            width:40px; height: 40px;
        }
        .content{
            line-height:25px; padding:7.5px 10px; margin:10px; border-radius:5px; max-width:220px;
        }
        .you .content{
            background-color:#FFF;
        }
        .me .content{
            background-color:#85CBFB;
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 与中国IT的希望聊天中</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body">
        <div class="you">
            <a href="#">
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
            </a>
            <div class="content">
                中午吃了吗？
            </div>
        </div>

        <div class="me">
            <a href="#">
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
            </a>
            <div class="content">
                吃了
            </div>
        </div>

    </div>
    
	<div class="foot">
        <input type="text" name="content" id="input" class="form-control" >
        <div class="btn btn-success" onclick="send()">发送</div>

    </div>


    <script type="text/javascript">
    imgload();

    </script>
	
</body>
</html>